<div id="wrapper">
	<nav class="navbar navbar-default top-navbar" role="navigation">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse"
				data-target=".sidebar-collapse">
				<span class="sr-only">Toggle navigation</span> <span
					class="icon-bar"></span> <span class="icon-bar"></span> <span
					class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="index.html"><strong><i
					class="icon fa fa-plane"></i> TeamAssistant</strong></a>
			<div id="sideNav">
				<i class="fa fa-bars icon"></i>
			</div>
		</div>
		<div
			style="margin: 30px 30px 5px 0px; text-align: right; float: right">
			<span>Hi，欢迎 &nbsp;</span>
			<i class="fa fa-user" aria-hidden="true"></i>&nbsp;<span
				id="curUserName"></span>&nbsp;&nbsp;<a href="javascript:void(0);"
				onclick="logout()"><i class="fa fa-sign-out fa-fw"></i> 退出</a>
		</div>
	</nav>

	<!--/. NAV TOP  -->
	<nav class="navbar-default navbar-side" role="navigation">
		<div class="sidebar-collapse" id="indexNav">
			<ul class="nav" id="main-menu">
				<li id="navWorkSpace"><a id="workSpace" href="#"><i
						class="fa fa-suitcase"></i> 工作台</a></li>
				<li id="navMyTask"><a id="myTask" href="#"><i
						class="fa fa-tasks"></i> 我的任务<span class="fa arrow"></span></a>
					<ul class="nav nav-second-level">
						<li><a href="#" id="undoTask">待办任务</a></li>
						<li><a href="#" id="hisTask">历史任务</a></li>
						<li><a href="#" id="readTask">分阅任务</a></li>
					</ul></li>
				<li id="navVotes"><a id=votes href="#"><i
						class="fa fa-thumbs-up"></i> 我的投票<span class="fa arrow"></span></a>
					<ul class="nav nav-second-level">
						<li><a href="#" id="myVote">参与投票</a></li>
						<li><a href="#" id="voteManage">投票管理</a></li>
					</ul></li>
				<li id="navContacts"><a id="contacts" href="#"><i
						class="fa fa-address-book"></i> 通讯录</a></li>
				<li id="navMyConf"><a href="#" id="myConf"><i
						class="fa fa-cog"></i> 我的设置<span class="fa arrow"></span></a>
					<ul class="nav nav-second-level">
						<li><a href="#" id="userEdit">信息修改</a></li>
						<li><a href="#" id="passwdEdit">密码修改</a></li>
						<li><a href="#" id="teamManage">组织管理</a></li>
						<li><a href="#" id="userManage">人员管理</a></li>
					</ul></li>
			</ul>
		</div>
	</nav>
	<!-- /. NAV SIDE  -->

	<div id="page-wrapper">
		<div id="page-inner"></div>
	</div>
</div>
<!-- JS Scripts-->
<!-- jQuery Js -->
<script src="assets/js/jquery-3.2.1.min.js"></script>
<!-- Bootstrap Js -->
<script src="assets/Bootstrap-3.3.7/js/bootstrap.min.js"></script>
<!-- Metis Menu Js -->
<script src="assets/js/metisMenu.min.js"></script>
<!-- Custom Js -->
<script src="assets/js/select2.full.min.js"></script>
<script src="assets/js/indexCenterJs.js"></script>
<script src="assets/js/bootstrap-treeview.min.js"></script>
<script src="assets/dataTables/datatables.min.js"></script>
<script src="assets/js/bootstrap-slider.min.js"></script>
<script src="assets/js/jquery.metisMenu.js"></script>
<!-- userdefine.js -->
<script src="assets/js/custom-scripts.js"></script>
<script src="assets/js/userSelect.js"></script>
<script>
	$(document).ready(function() {
		$("#page-wrapper").load("parts/workSpace.html", function() {
			document.getElementById('curUserName').innerText = thisUser.name;
			//document.getElementById("userManage").style.visibility = "visible";
			if (thisUser.isManager == 0) {
				document.getElementById("teamManage").style.display = "none";
				document.getElementById("userManage").style.display = "none";
			}

			$("#sideNav").click(function() {
				if ($(this).hasClass('closed')) {
					$('.navbar-side').animate({
						left : '0px'
					});
					$(this).removeClass('closed');
					$('#page-wrapper').animate({
						'margin-left' : '260px'
					});

				} else {
					$(this).addClass('closed');
					$('.navbar-side').animate({
						left : '-260px'
					});
					$('#page-wrapper').animate({
						'margin-left' : '0px'
					});
				}
			});

		});
	});
</script>